﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>某某家具设计公司企业官网-模板之家</title>
    ﻿<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="images/favicon.png">
<link rel='icon' href='favicon.ico' type='image/x-ico' />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/default.min.css?t=227" />
<!--[if (gte IE 9)|!(IE)]><!-->
<script type="text/javascript" src="lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="lib/amazeui/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script type="text/javascript" src="lib/handlebars/handlebars.min.js"></script>
<script type="text/javascript" src="lib/iscroll/iscroll-probe.js"></script>
<script type="text/javascript" src="lib/amazeui/amazeui.min.js"></script>
<script type="text/javascript" src="lib/raty/jquery.raty.js"></script>
<script type="text/javascript" src="js/main.min.js?t=1"></script>



</head>
<body>
<jsp:include page="/head"></jsp:include>
<section class="pro-list">
    <aside class="pro-leftsidebar">
        <ul>
            <li>
                <a>产品搜索</a>
                <ul id="pro-search">
                    <li>
						<form action="chaxun" method="post">
							<input style="border: azure solid 1px; width: 55px;" type="text"
								name="sosuo" /> <input
								style="width: 55px; border-radius: 5px; color: white;"
								type="submit" value="搜索" /><br />
						</form> 
					</li>
                </ul>
            </li>
            <li>
                <a>产品分类</a>
                <ul id="pro-category">
                <c:forEach items="${fishClassifyList }" var="fish">
                    <li><a href="products?fishClassifyId=${fish.classifyId }">${fish.fishClassifyName }</a></li>
                </c:forEach>
                    
                </ul>
            </li>
        </ul>
    </aside>

    <aside class="pro-rightsidebar">
    <header>
     <c:forEach items="${fdDao }" var="fdDao">
					<p></p>
					<span style="width: 250px">您正在查询的产品:${fdDao.fishName }</span>
	 </c:forEach>
			<div class="product-nav"><a href="home">首页 </a>&#62;<a href="products?fishClassifyId=1">产品展示</a>&#62;</div>
		
    </header>
       
        <main>
            <div class="pro-right-left">
                <div class="pro-details-img">
                <c:forEach items="${fdDao }" var="fao">
                   <li><img src="${fao.fishPicture }" /></li>
                 </c:forEach>
                </div>
                <div class="pro-detalis-carousel">
                    <div class="am-slider am-slider-default am-slider-carousel" data-am-flexslider="{itemWidth: 112, itemMargin: 4,move:5,  controlNav: false ,  slideshow: true}">
                        <ul class="am-slides pro-details">
                        <c:forEach items="${fdDao }" var="fao">
                         <li><img src="${fao.fishPicture }" /></li>
                        </c:forEach>
                           
                        </ul>
                    </div>
                </div>
				
            </div>
            <div class="pro-right-right">
            <c:forEach items="${fdDao }" var="fd">
            <ul class="pro-right-info-constant">
                    <li>鱼类名称:</li>
                    <li>分布地区:</li>
                    <li>价格:</li>
                    <li>存活寿命:</li>
                </ul>
                <ul class="pro-right-info-variable">
                    <li>${fd.fishName }</li>
                    <li>${fd.fishAdress }</li>
                    <li>${fd.fishPrice }</li>
                    <li>${fd.fishLifeTime }</li>
                </ul>
            </c:forEach>
                
            </div>

            <div class="am-tabs pro-tabs" data-am-tabs>
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active"><a href="#tab1">详细说明</a></li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-active" id="tab1">
                        <ul>
                        	<c:forEach items="${fdDao }" var="dao">
                        	<li>
                                <span class="pro-tabs-constant">鱼类名称:</span>
                                <span class="pro-tabs-variable">${dao.fishName }</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">存活时间:</span>
                                <span class="pro-tabs-variable">${dao.fishLifeTime }</span>
                            </li>
                            <li>
                                <span class="pro-tabs-constant">是否包邮:</span>
                                <span class="pro-tabs-variable">${dao.isFreeDelivery }</span>
                            </li>
                        	</c:forEach>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </main>
    </aside>


</section>

﻿<jsp:include page="/foot"></jsp:include>
</body>

</html>